<!DOCTYPE html>
<!--suppress ALL-->
<html lang="en" xmlns:th="http://www.thymeleaf.org"
      xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<head>
    <meta http-equiv="content-type" content="text/html;charset=utf-8">
    <title>租房网-收藏</title>
    <meta name="keywords" content="">
    <meta name="description" content="">
    <meta name="viewport" content="initial-scale=1.0, user-scalable=yes">
    <link rel="stylesheet" type="text/css" href="/css/pc/client/common.css">
    <!--[if lte IE 8]>
    <script src="/common/js/html5shiv.js"></script>
    <![endif]-->
    <script src="https://hm.baidu.com/hm.js?d6b1afd88bad903f6c136281ac832114"></script>
    <link rel="stylesheet" type="text/css" href="/css/pc/client/personal.css">
    <link rel="stylesheet" type="text/css" href="/css/pc/client/memCollection.css">
</head>
<body>
<input type="hidden" th:value="${session.username}" name="username" id="username">
<div class="header">
    <div class="nav-wrap">
        <div class="logo">
            <a rel="nofollow" href="#">
                <img src="/img/pc/client/home/logo.png" height="32" alt="租房网">
            </a>
        </div>
        <div class="city-wrap" style="cursor: default;">
            <span th:text="${cityName}"></span><i></i>
            <ul>
                    <span th:each="retAddress,status:${retAddressList}">
                        <span th:if="${retAddress.cityName} != ${cityName}">
                          <li><a rel="nofollow" th:href="@{/retPersonage/personage(id=${retAddress.id})}"
                                 th:text="${retAddress.cityName}"></a></li>
                        </span>
                    </span>
            </ul>
            <!-- <span>[<a rel="nofollow" href="https://www.zufun.cn/index" class="link" target="_blank">切换城市</a>]</span> -->
        </div>
        <div class="nav-items">
            <div class="nav-item">
                <a rel="nofollow" th:href="@{/retAddress/index}">首页</a>
            </div>

            <div class="nav-item">
                <a th:href="@{/retAddress/searchList}">租房</a>
            </div>

            <div class="nav-item">
                <a rel="nofollow" href="https://www.zufun.cn/platform" target="_blank">物业平台</a>
            </div>

            <div class="nav-item user-down-wrap" id="login_holder">
                <a href="#loginModal" rel="nofollow" data-toggle="modal" data-target="#loginModal">注册/登录</a>
            </div>
        </div>
    </div>
</div>
<!-- #main begin -->
<div id="container">
    <!-- 个人中心左边的导航 begin -->
    <div id="left_nav">
        <div class="per-info">
            <ul>
                <li>
                    <a href="/retPersonage/personage">个人信息</a>
                </li>
                <li>
                    <a href="/retPersonage/message">
                        系统消息
                    </a>
                </li>
                <li class="per-active">
                    <a href="/retPersonage/favorite">
                        我的收藏
                    </a>
                </li>
                <li>
                    <a href="/retPersonage/appointment">
                        预约管理
                    </a>
                </li>
                <li>
                    <a href="/retPersonage/apt/index">
                        出租房源
                    </a>
                </li>
            </ul>
        </div>
    </div>
    <div id="main">
        <div class="con-title">
            <ul class="con-tabs">
                <li class="con-tab col-tab-active" id="show_property" type="property">楼盘</li>
            </ul>
        </div>
        <div class="con-box">
            <table>
                <tbody>
                <tr id="content_holder">
                    <span th:if="not ${#lists.isEmpty(mapList)}" th:each="map,index:${mapList}">
                        <td class="col-size-1">
                        <div class="col-pic-holder" th:style="'background-image: url('+${map.ret_picture}+')'">
                            <span class="icon icon-trash" th:id="${map.id}"></span><span class="col-price">1套房源</span></div>
                        <div class="col-description"><p><a th:href="@{/retAddress/houseDetails(id=${map.ret_id})}" target="_blank" th:text="${map.lease_out}"></a>
                        </p></div>
                    </td>
                    </span>

                </tr>
                <tr style="border-bottom:none;">

                </tr>
                </tbody>
            </table>
            <table th:if="${#lists.isEmpty(mapList)}">
                <tbody>
                    <tr id="content_holder">
                        <div class="col-info no-favorite"><span>暂无收藏楼盘</span></div>
                    </tr>
                    <tr style="border-bottom:none;">

                    </tr>
                </tbody>
            </table>
        </div>
    </div>
    <!-- 个人中心的内容区域 end -->
</div>
<!-- /buldings -->
<div style="clear:both"></div>
<div class="new-footer" style="margin-top:20px;">
    <div class="site-zufun">
        <div class="site-info">
            <p>
                <a rel="nofollow" href="https://www.zufun.cn/about" target="_blank">关于我们</a><span>|</span>
                <a rel="nofollow" href="https://www.zufun.cn/question" target="_blank">常见问题</a><span>|</span>
                <a rel="nofollow" href="https://www.zufun.cn/business" target="_blank">商务合作</a><span>|</span>
                <a rel="nofollow" href="https://www.zufun.cn/job" target="_blank">招聘信息</a><span>|</span>
                <a rel="nofollow" href="https://www.zufun.cn/protocol" target="_blank">服务声明</a><span>|</span>
                <a rel="nofollow" href="javascript:void(0);" onclick="suggest();">意见反馈</a><span>|</span>
                <a rel="nofollow" href="/sitemap" target="_blank">网站地图</a>
            </p>
            <div class="call-us">
                <div class="qrcode-wrap">
                    <span style="display: block;line-height: 1.3;white-space: nowrap;letter-spacing:2px;position: absolute;right:-30px;top: 17px;color:#999;">下载APP</span>
                    <i class="icon icon-mobile" style="position:relative;right:60px;"></i>
                    <i class="icon icon-app-qrcode qrcode" style="left:-102px;"></i>
                </div>
                <div class="qrcode-wrap">
                    <span style="display: block;line-height: 1.3;white-space: nowrap;letter-spacing:2px;position: absolute;left:30px;top: 17px;color:#999;">关注公众号</span>
                    <i class="icon icon-weixin"></i>
                    <i class="icon icon-weixin-qrcode qrcode"></i>
                </div>
            </div>
        </div>
        <div class="site-copyright" style="text-align:left;">
            <p>©2015-2020 深圳易找房信息技术有限公司&nbsp;&nbsp;版权所有&nbsp;&nbsp;
                <a href="http://beian.miit.gov.cn" target="_blank" rel="nofollow">粤ICP备15073386号</a>
            </p>
            <span class="hotline" style="position: absolute;top: 30px;right: 0;font-size: 14px;">服务热线：132-6682-1881（9:00 - 18:00）</span>
        </div>
    </div>
</div>
<script id="suggest_tpl" type="text/html">
    <form id="suggest_form">
        <div class="form-group">
            <div class="textarea-group">
                <label>反馈内容</label>
                <textarea name="content" placeholder="欢迎提出您在使用过程中遇到的问题或宝贵建议，感谢您的支持。"></textarea>
            </div>
            <div class="input-group" style="height:100px;">
                <label>联系方式</label>
                <input type="text" name="email" placeholder="请留下您的手机或邮箱" style="margin-top:5px;" value="{{fu_mobile}}">
            </div>
            <div class="button-group">
                <input type="submit" value="提交反馈">
            </div>
        </div>
    </form>
</script>
<script src="/common/js/jquery-1.11.3.min.js"></script>
<script src="/libs/yzf/modules/yzf.tab.js"></script>
<script src="/libs/yzf/modules/yzf.modal.js"></script>
<script src="/libs/yzf/modules/yzf.button.js"></script>
<!--[if !IE]> -->
<script src="/js/pc/client/clientCommon.js"></script>
<!-- <![endif]-->
<!--[if gte IE 9]>
<script src="/js/pc/client/clientCommon.js"></script>
<![endif]-->
<!--[if lte IE 8]>
<script src="/common/js/jquery.cookie.js"></script>
<script src="/common/js/artForm.js"></script>
<script src="/common/js/md5.js"></script>
<script src="/common/js/base.js"></script>
<script src="/common/js/validateConfig.js"></script>
<script src="/common/js/jquery.validate.js"></script>
<script src="/js/pc/client/loginAndRegist2.js"></script>
<script src="/libs/artdialog/dist/dialog-min.js"></script>
<script src="/common/js/template.js"></script>
<script src="/common/js/jquery.lazyload.min.js"></script>
<![endif]-->
<!--[if lt IE 8]>
<script src="/libs/JSON-js-master/json2.js"></script>
<![endif]-->
<!--[if lt IE 10]>
<script src="/common/js/normalize.js"></script>
<![endif]-->
<script src="/js/pc/client/memCollection.js"></script>
<script th:src="@{/lib/layui/layui.js}"></script>
<script type="text/javascript" th:inline="javascript">
    layui.use(["element", "form", "laydate", "okLayer", "okUtils"], function () {
        let form = layui.form;
        let laydate = layui.laydate;
        let okLayer = layui.okLayer;
        let okUtils = layui.okUtils;


        /*function fangshi(){
            var ccc = [[${mapList}]];
            var str = "<span>";
            $.each(ccc, function (index, value) {
                if(ccc != null && ccc!= ""){
                    str+=" <td class='col-size-1'><div class='col-pic-holder' data-url='' style='background-image:url("+this.ret_picture+");'>\n" +
                        "<span class='icon icon-trash'></span><span class='col-price'>1套房源</span></div>\n" +
                        "<div class='col-description'><p><a href='/retAddress/houseDetails?id='"+this.ret_id+" target='_blank'>"+this.lease_out+"</a>\n" +
                        "</p></div></td>"
                }else{
                    str+="<div class='col-info no-favorite'><span>暂无收藏楼盘</span></div>";
                }
            });
            str += "</span>";
            $("#content_holder").append(str)
        }
        fangshi();*/

        c();
    });

    function c() {
        var user = $("#username").val();
        var t = $("#login_holder");
        user ? t.html('<div class="drop-wrap"><a href="/retPersonage/personage"><span class="icon_user"></span><span>' + user + '</span></a><ul class="arrow-top nav-down-wrap"><li><a href="/retPersonage/personage" target="_blank">个人中心</a></li><li><a href="/retAddress/logout" data-toggle="logout">退出登录</a></li></ul>') : t.html('<a href="#loginModal" rel="noffolow" data-toggle="modal" data-target="#loginModal">注册/登录</a>')
    }
</script>
</body>
</html>